/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）(<div class="col-wrap col-product"></div>)
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@font-face {
    font-family: 'dinbold';
    src: url('../fonts/dinbold/dincond-bold.eot');
    src: url('../fonts/dinbold/dincond-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbold/dincond-bold.woff2') format('woff2'),
         url('../fonts/dinbold/dincond-bold.woff') format('woff'),
         url('../fonts/dinbold/dincond-bold.ttf') format('truetype'),
         url('../fonts/dinbold/dincond-bold.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppins';
    src: url('../fonts/Poppins/Poppins.eot');
    src: url('../fonts/Poppins/Poppins.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Poppins/Poppins.woff2') format('woff2'),
         url('../fonts/Poppins/Poppins.woff') format('woff'),
         url('../fonts/Poppins/Poppins.ttf') format('truetype'),
         url('../fonts/Poppins/Poppins.svg#poppins') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd';
    src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd.eot');
    src: url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd/HelveticaNeueLTStd.svg#HelveticaNeueLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Oswald";
  font-weight: 300;
  src: url("../fonts/Oswald-Light-TTF.sfd.ttf") format("truetype");
}
@font-face {
  font-family: "Oswald";
  font-weight: regular;
  src: url("../fonts/Oswald-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Oswald";
  font-weight: bold;
  src: url("../fonts/Oswald-Bold.otf") format("opentype");
}
@font-face {
  font-family: 'goomay';  /* project id 523133 */
  src: url('//at.alicdn.com/t/font_523133_p2ypsh133o.eot');
  src: url('//at.alicdn.com/t/font_523133_p2ypsh133o.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_523133_p2ypsh133o.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_523133_p2ypsh133o.woff') format('woff'),
  url('//at.alicdn.com/t/font_523133_p2ypsh133o.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_523133_p2ypsh133o.svg#goomay') format('svg');
}
.goomay {
  font-family:"goomay" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-baidu:before {content: "\e60a";}
.icon-goomay:before { content: "\e602"; }
.icon-g:before { content: "\e603"; }

html, body {position: relative;}
body {background: #f0f0f0; font-family: 'PingFang SC','simhei','Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-size: 1.5rem; color:#000; margin: 0; padding: 0;}
a{color: #333; cursor: pointer; transition: .5s all;}
a:hover{color: #f00; text-decoration: none; transition: .5s all;}
ul, li, dl, dt, dd, h1, h2, h3 ,h4 {margin: 0; padding: 0;}
ul, li{list-style: none;}
i,em{font-style: normal;}
img{max-width: 100%;}
.clearfix{clear: both;}
#page{padding-top: 0px; overflow: hidden;}
.container{max-width: 1800px;}
header{width:100%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); left: 0; top: 0; z-index: 8;}
.fixed{position: fixed; z-index: 99;}
header h1{margin:0; padding: 0;}
header .container{position: relative;width: 100%;}
header .logo{float: left; display: inline; margin-top: 3px;  padding:20px 0;}
nav.mm-menu_offcanvas{display: none;}
 #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
 nav{float:right;  padding:20px 0;}
 nav>ul>li{padding-left: 60px; float: left; height: 40px; line-height: 40px;}
 nav>ul>li>ul{display: none;}
 .col-pad-0{padding: 0;}
 header .tel{float: right; background: #000; padding: 20px 30px; line-height: 36px; color: #fff; margin-left: 5vw;}
 header .tel span{font-family: 'dinbold'; font-size: 2.4rem;}
 header .tel i{font-size: 2rem; margin-right: 10px;}
/**/
.col-index-baner{margin-top: 0!important;}
.col-banner {position:relative;margin-top: 80px;}
.col-banner .swiper-slide {position:relative; background:#000; overflow:hidden;}
.col-banner .swiper-slide .img {position:relative;width:100%;top:0;left:0;background-position:center!important;background-repeat:no-repeat;background-size:cover;}
.col-banner .swiper-pagination{width:100%; text-align: center; bottom: 250px;}
.col-banner .swiper-pagination .swiper-pagination-bullet{width:20px; height: 5px; margin: 0 2px; background: #fff; border-radius: 0;}
.col-banner .swiper-page .slide-button{outline:none;position:absolute;width:44px;height:44px;text-align:center;line-height:44px;font-size:1.4rem;color:#FFF;border:1px solid #e5e8e3;border-radius:100%;top:50%;left:12%;z-index:1;transform:translateY(-50%)}
.col-banner .swiper-page .slide-button-next {left:auto;right:12%}
.col-banner .swiper-page .slide-button:hover {background:#004ea2;border-color:#004ea2;color:#FFF}
.col-banner .slide-content {position:absolute;top:50%;left:50%;width:100%;max-width:1800px;transform:translateY(-50%) translateX(-50%);text-align:center;}
.col-banner .slide-content h1 {font-size:4.9rem;color:#FFF;text-shadow:0 4px 15px rgba(0,0,0,0.5);margin:0 0 25px;transform:translateY(25px);opacity:0;transition:all .5s}
.col-banner .slide-content p{font-size:2.6rem;color:rgba(255, 255, 255, .8);text-shadow:0 2px 8px rgba(0,0,0,0.5);line-height:1.5em; transform:translateY(25px);opacity:0;transition:all .5s}
.col-banner .slide-content>a {display:inline-block;padding:17px 49px;border:2px solid #FFF;border-radius:3px;font-size:1.4rem;color:#FFF;text-transform:uppercase;transform:translateY(25px);opacity:0;transition:all .5s}
.col-banner .slide-content>a>i {padding-left:43px;}
.col-banner .slide-content.i1 h1{text-align: left;}
.col-banner .slide-content.i1 p {text-align: left;}
.col-banner .swiper-slide.swiper-slide-active .slide-content h1{opacity:1;transform:none;transition-delay:1s}
.col-banner .swiper-slide.swiper-slide-active .slide-content p{opacity:1;transform:none;transition-delay:1.2s}
.col-banner .swiper-slide.swiper-slide-active .slide-content a {opacity:1;transform:none;transition-delay: .6s}

.col-banner .scroll_down {position:absolute;bottom:0;padding:0 0 70px;left:50%;transform:translateX(-50%);z-index:1;cursor:pointer;}
.col-banner .scroll_down span {font-size:1.4rem;color:#FFF;text-transform:uppercase;}
.col-banner .scroll_down i {position:absolute;top:25px;left:50%;transform:translateX(-50%);font-size:1.8rem;color:#FFF;transition:none;}
/**/
.container{width: 96%;}
.col-product-wrap{position: relative; margin-top: -112px; z-index: 10; }
.col-product-wrap .title-head{font-size: 30px; margin-bottom: 30px;}
.col-product-wrap .title-head p{font-size: 14px; color: #999; margin-top: 15px;}
.col-product-wrap .container{/*box-shadow: 0 0 10px rgba(0,0,0,.20); */background: #fff;}
.col-product-1{position:relative; min-height: 430px; background: #fff; overflow: hidden;}
.col-web-design{background: #f6f6f6; min-height: 430px;}
.col-web-design .inner-container{padding: 80px; max-width: 556px; position: relative; transition: .5s all;}
.col-web-design .title-head{font-size: 30px; margin-bottom: 30px;}
.col-web-design .main-content{line-height: 30px; font-size: 14px;  color: #888;}
.col-web-design a{display:block;  margin-top: 100px;}
.col-product-wrap a{font-size: 14px;}
.col-product-wrap a i{margin-left: 10px; font-size:14px;}
.col-product-wrap .fl-layer{position: absolute; right: 150px; bottom: 0; z-index: 9; text-align: right; transition: .5s all;}
.col-product-wrap .fl-layer img{width: 100%; transition: .5s all;}
.col-product-2{padding: 0px 0px 0 80px; }
.col-mobile{margin-top: 90px;}
.col-mobile .main-content li{padding: 5px 0; color: #555;}
.col-mobile .main-content li i{margin-left: 10px; font-size: 14px;}
.col-mobile .main-content .s-img{}
.col-marketing{background:url(../images/product_bg.png) no-repeat center top; background-size: cover; padding: 90px 0 0px 0;}
.col-marketing .title-head{color: #fefefe;}
.col-marketing .main-content{font-size:14px; color: #a9a9a9; line-height: 30px;}
.col-marketing .item-left{padding: 0 21%;}
.col-marketing .item-left a{display: block; margin-top: 50px; color: #ddd; transition: .5s all;}
.col-marketing .item-left a:hover{color: #fff; transition: .5s all;}
.col-marketing .item-right{padding-right: 30%;}
.col-marketing .item-right .main-content li{margin-bottom: 35px;}
.col-marketing .item-right .main-content li i{display:inline-block;width: 48px; height: 48px; font-size: 24px; line-height: 24px; padding: 12px; margin-right: 10px; color: #666; text-align: center; border-radius: 100%; background: rgba(255,255,255,.8);}
.col-marketing .item-right .main-content li .s-list{display: inline-block; vertical-align: middle;}
.col-marketing .item-right .main-content li .s-list strong{font-size: 18px; color: #fff; display: block; line-height: 22px;}
.col-marketing .item-right .main-content li .s-list p{margin: 0;}
.col-marketing .item-right .main-content .s-content{padding: 20px 0 0 0; border-top: 1px solid #444; line-height: 30px; font-size: 14px; color: #999;}
/**/
.col-goomay-wrap{margin: 15px 0;}
.col-goomay{position: relative; height:600px;}
.col-goomay .inner-container{ position: absolute; left: 90px; bottom: 25%; color: #fff;}
.col-goomay .title-head{font-size: 30px; margin-bottom: 30px;}
.col-goomay .main-content{font-size: 18px; line-height: 32px; width: 54%; margin-top: 20px;}
/**/
.col-case-wrap{margin:15px 0;}
.col-case-wrap .container{padding: 45px 57px; background: #fff;}
.col-case-wrap .title-head{font-size: 30px; margin-bottom: 30px;}
.col-case-wrap .title-head p{ font-size: 14px; margin-top: 15px;}
.case-container{width: 101.7%;}
.case-container ul{font-size: 0;}
.case-container li{width: 31.6%; margin-right: 1.7%; margin-bottom: 20px; display: inline-block; position: relative; transition: .5s all;}
.case-container li:hover{box-shadow: 0 0 15px rgba(0,0,0,.1); transition: .5s all;}
.case-container li a{position: relative; display: block; overflow: hidden;}
.case-container li a .mask-layout{display:block; width: 100%; height: 100%; background: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.case-container li a:hover .mask-layout{opacity: 1; filter: alpha(opacity=1); transition: all 0.4s ease 0s;}
.case-container li a .s-title { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute;  left: 0;  top: 50%;  margin-top: -15px;  color: #fff; transition: all 0.6s ease 0s;}
.case-container li a .s-title:before{content: ""; background: rgba(255,255,255,.7); position: absolute; width: 6px; height: 1px; left: 50%; top: 0; transform:translateY(0) translateX(-50%); transition: all 0.6s ease 0s;}
.case-container li a .s-title:after{content: ""; background: rgba(255,255,255,.7); position: absolute; width: 6px; height: 1px; left: 50%; bottom: 0; transform:translateY(100%) translateX(-50%); transition: all 0.6s ease 0s;}
.case-container li a:hover .s-title:before, .case-container li a:hover .s-title:after{width: 100px; transition: all 0.6s ease 0s;}
.case-container li .content{border: 1px solid #eee; padding: 15px 20px; }
.case-container li .content .s-title{font-size: 18px; margin:10px 0;}
.case-container li .content .s-content{color: #999; font-size: 14px;}
.case-container li a img{transition: .5s all;}
.case-container li a:hover img{transform: scale(1.2,1.2); transition: .5s all;}
/**/
.col-news-wrap{margin: 15px 0;}
.col-news-wrap .container{background: #fff; padding: 45px 57px;}
.col-news-wrap .title-head{font-size: 30px; margin-bottom: 30px; position: relative;}
.col-news-wrap .title-head p{ font-size: 14px; margin-top: 15px; color: #888;}
.col-news-wrap .title-head a{position: absolute; right: 0; top: 0; font-size: 14px; color: #333; line-height: 18px;}
.col-news-wrap .title-head a i{display: inline-block; width: 20px; height: 20px; border-radius: 100%; border:1px solid #ddd; text-align: center; line-height: 18px; color: #999; vertical-align: top; margin-left: 5px;}
.col-news-wrap .swiper-slide .content{padding: 20px; border: 1px solid #eee;}
.col-news-wrap .swiper-slide{transition: .5s all;}
.col-news-wrap .swiper-slide:hover{box-shadow: 0 0 15px rgba(0,0,0,.15); transition: .5s all;}
.col-news-wrap .swiper-slide .content a.detail{font-size: 14px;}
.col-news-wrap .swiper-slide .img img{width: 100%;}
.col-news-wrap .s-title{font-size: 18px; height: 25px; overflow: hidden; display: block;}
.col-news-wrap .s-content{color: #888; line-height: 24px; margin-top: 10px;}
#industry_news{margin-top: 50px;}
.col-news-wrap .news-container, .col-news-wrap .industry-news-container{padding: 0 1px;}
/**/
.col-service-wrap{margin: 15px 0;}
.col-service-wrap .container{background: none; padding: 0;}
.col-service-wrap ul{width: 101%; font-size: 0; margin: 0;}
.col-service-wrap ul li{width: 49%; margin-right: 1%; font-size: 14px; background: #fff; display: inline-block;}
.col-service-wrap a{display: block; position: relative;}
.col-service-wrap a .mask-layout{position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.3); transition: .5s all;}
.col-service-wrap a:hover .mask-layout{background: rgba(0,0,0,.7); transition: .5s all;}
.col-service-wrap a .mask-layout .content{ color: #fff; padding: 0 0 0 50px; margin-top: 30%;}
.col-service-wrap .title-head{font-size: 30px; margin-bottom: 30px;}
.col-service-wrap .title-head p{ font-size: 14px; margin-top: 15px;}
.col-service-wrap a span{display: none; margin-top: 20px; padding: 10px 0; width: 120px; color: rgba(255,255,255,.8); text-align: center; border: 1px solid rgba(255,255,255,.5); transition: .5s all;}
.col-service-wrap a:hover span{color: rgba(255,255,255,1);  border: 1px solid rgba(255,255,255,1);}
.col-service-wrap a span i{transition: .5s all;}
.col-service-wrap a:hover span i{margin-left:5px; transition: .5s all;}
/**/
.col-index-product{margin: 50px 0;}/*首页产品模块外层容器样式*/
.col-index-product .title-head{text-align: center; font-size: 3rem; margin-bottom: 30px; }
.col-index-product .swiper-slide{height: 200px; line-height: 200px; text-align: center; background:#eee;}
.col-index-project{margin: 50px 0;}/*首页案例模块外层容器样式*/
.col-index-project .title-head{text-align: center; font-size: 3rem; margin-bottom: 30px; }
.owl-item .item{ height: 200px; line-height: 200px; text-align: center; background: #eee; }
/**/
.col-sub-nav{ margin: 130px 0 50px 0; text-align: center; }
.col-sub-nav menu{padding: 0;}
.col-sub-nav menu div{display: inline-block; margin: 0 10px;}
.col-sub-nav menu div a{font-size: 24px; color: #888; transition: .5s all;}
.col-sub-nav menu div a:hover, .col-sub-nav menu div a.current{color: #000; transition: .5s all;}
.col-page{}/*内页通用页面外层容器样式*/
.col-page-about, .col-page-news, .col-page-product{/*内页页面外层容器样式*/}
.col-wrap{}/*内页模块通用外层容器样式,公用样式*/
.col-about, .col-img, .col-product{}/*内页模块外层容器样式*/
.col-about .title-head{}/*标题头*/
.col-about .content{}/*内容*/
.col-about .content .s-title{}/*终极标题*/
.col-about .content .s-content{}/*终极内容*/
.col-page-about{margin-top: 130px;}
.col-about{background: #fff; margin-bottom: 5vh;}
.col-about .left-content{min-height: 550px; padding: 7vh 2vw 2vh 4vw; background: #333; }
.col-about .left-content h2{color: #fff; margin-bottom: 2vh; font-size: 2.4rem; position: relative;}
.col-about .left-content h2:after{content: "";width: 40px; height: 2px; background: #fff; position: absolute; left: 110px; bottom: 13px;}
.col-about .left-content h3{color: #ccc; font-size: 1.8rem;margin: 6vh 0 8vh 0;}
.col-about .left-content table{width: 100%;}
.col-about .left-content td{ color: #ccc; width: 33.33%;}
.col-about .left-content .firstRow td{}
.col-about .left-content td h3{font-family: 'dinbold'; font-size: 7rem;color: #fff; margin: 0}
.col-about .left-content td h3 strong{font-family: normal!important; font-size: 2rem;}
.col-about .right-content{ padding: 5vh 4vw 4vh 3vw; line-height: 2; font-size: 1.6rem;}
.col-about .right-content p{margin-bottom: 15px;}
.col-about .right-content h2{font-family: 'poppins'; font-size: 4.5rem; font-weight: bold; margin-bottom: 3vh;}
.col-page-about .col-goomay{ text-align: center; }
.col-page-about .col-goomay .bg{background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.col-page-about .col-goomay .inner-container{width: 100%; left: 50%; bottom: 50%; transform: translate(-50%,50%);}
.col-page-about .col-goomay .inner-container h2{margin-bottom: 2vh; font-size: 4rem;}
.col-page-about .col-goomay .inner-container .content{font-size: 2rem;}
.col-page-about .col-customer{margin: 5vh 0; background: #fff; padding: 30px 0;}
.col-page-about .col-customer .inner {padding: 5vh 4vw;}
.col-page-about .col-customer .inner h2{font-size: 3rem;  margin-bottom: 4vh; text-align: left;}
.col-page-about .col-customer .inner .s-content{text-align: left;}
.col-page-about .col-customer .s-img{padding: 5vh 4vw;}
.col-page-about .col-customer table{width: 100%; margin-top: 5vh;}
.col-page-about .col-customer td{ color: #333; width: 33.33%;}
.col-page-about .col-customer .firstRow td{}
.col-page-about .col-customer td h3{font-family: 'dinbold'; font-size: 7rem;color: #000; margin: 0}
.col-page-about .col-customer td h3 strong{font-family: normal!important; font-size: 2rem;}
/*新闻页*/
.col-page-news{}
.news-list ul li{width: 30.5%; background: #fff; margin-bottom: 30px; transition: .5s all;}
.news-list ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,.15)}
.news-list .img img{width: 100%;}
.news-list ul li .content{padding: 10px 20px 20px 20px;}
.news-list ul li .s-title{font-size: 18px; height: 25px; overflow: hidden; display: block;}
.news-list ul li .s-content{color: #888; line-height: 24px; margin-top: 10px;}
.news-list ul li .date{color: #999; margin:10px 0;}
/*详情*/
.news-content{background:#fff; padding:50px 30px; margin-bottom:80px; border-radius:5px;}
.news-content .title-head{margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #dedede;}
.news-content .title-head h1{margin-bottom:20px;}
.news-content .title-head .date a{color:#999;}
.news-content .content{line-height:2; padding:20px 0;}
.prev-next{margin-top:30px; padding:15px 0; border-top:1px solid #dedede;}
.prev-next .prev{margin-right:20px;}
.prev-next a span{text-decoration:underline;}
.prev-next a b{}
/**/
.col-case{padding:0 0 6vh 0;}
.case-list ul{font-size: 0;}
.case-list li{width: 30.5%; margin:1.4%; display: inline-block; background: #fff; vertical-align: top;}
#product li{width: 21.7%; margin:1.4%;}
#catalog{margin-bottom:30px;}
#catalog .sicatalog{background:#fff; padding:15px 20px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,.1)}
#catalog ul li a{font-size:18px; text-decoration:none;}
#catalog ul li{display:inline-block; padding: 6px 20px;}
#catalog ul li.active{background:#222; color:#fff; border-radius:3px;}
#catalog ul li.active a{color:#fff; }
#product li .content{padding:8px 20px;}
/*
.case-list li .content{border: 1px solid #eee; padding: 15px 20px; }
.case-list li .content .s-title{font-size: 18px; margin:10px 0;}
.case-list li .content .s-content{color: #999; font-size: 14px;}
.case-list li a{position: relative; display: block; overflow: hidden;}
.case-list li a img{transition: .5s all;}
.case-list li a:hover img{transform: scale(1.2,1.2); transition: .5s all;}
*/
.col-detail{background: #fff; padding: 4vh 3vw; margin-bottom: 3vh; overflow: hidden;}
.col-detail table td{padding: 10px 0;}
.col-detail img{border: solid 10px #333; border-radius: 15px;}
.col-detail .visit-site{display: inline-block; padding: 5px 15px; border: 1px solid #333; margin-top: 4vh;}
/*分页*/
.page{text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #333!important; border-color: #333!important; color: #fff!important;}
.pagination>li>a, .pagination>li>span{color: #333!important;}
/***/
.col-contact{margin: 6vh auto; padding: 5vh 0vw; background: #fff;}
.col-contact .col{padding: 0 4vw}
.col-contact h2{margin-bottom: 2vh;}
.col-contact .contact-container .content{font-size: 1.8rem;}
#allmap{height: 400px;}
.BMapLabel{max-width: 250px!important; display: inline-block!important; padding: 5px!important; font-size: 14px!important;}
.BMap_Marker>div{width: 39px!important;}
/**/
.col-page-member{padding:5vh 0;}
/****询盘****/
.inquiry-container .row{margin-left:0px;margin-right:0px;}
.inquiry-container li img{height:30px;}
.inquiry-container a{color:#000000;}
.inquiry-input{padding:0 10px 0 0!important;}
.inquiry-text{padding-right: 10px;}
.inquiry-title{font-size: 24px;margin:0px 0px 40px;color:#cccccc;position: relative;}
.inquiry-title:before{width: 90%;content:"";position: absolute;border-top: 1px dashed #cccccc;right: 0;top:15px;}
.inquiry-title:after{width: 90%;content:"";position: absolute;border-bottom: 1px dashed #cccccc;right: 0;top:20px;}
.inquiry-chose{background-color:#162c4c;color:#ffffff;padding:0px 20px;line-height: 50px}
.inquiry-chose .inquiry-select select{height:30px;color:#000000;line-height: 30px;width: 100%;border:none;padding:0 20px;cursor:pointer;}
.inquiry-container .classification{padding:0;}
.inquiry-search{text-align: right;}
.inquiry-search input{width: 290px;height: 30px;line-height: 30px;padding:0 10px;color:#000000;display: inline-block;float: right;margin: 10px 0;border: 0}
.inquiry-search i{width: 40px;height: 30px;background: #a0a0a0;color: #ffffff;float: right;line-height: 30px;text-align: center;font-size: 20px;margin: 10px 0;cursor:pointer;}
.inquiry-container .product-list{padding:20px 0 30px;border-bottom: 1px dashed #737373;color:#000000;}
.inquiry-container .fa-play{color:#ffffff;background: #162c4c;width: 24px;height:24px;line-height: 24px;text-align: center;}
.inquiry-container .product-list .product-ul li{height:60px;line-height: 60px;color:#000000;border-bottom: 1px solid #f2f2f2;}
.inquiry-add,.inquiry-button{background: #e60012;color:#ffffff;border: none;padding:12px 20px;width:130px;text-align: center;border-radius: 5px;cursor: pointer; margin: auto;}
.inquiry-button{margin-top: 30px;}
.inquiry-reset{background: #777!important;}
.inquiry-add .fa{font-size: 16px}
.inquiry-list{margin-top:20px;}
.inquiry-container .list-head{background: #f2f2f2;height:46px!important;line-height: 46px!important;}
.inquiry-list li{height:60px;line-height: 60px;color:#000000;border-bottom: 1px solid #f2f2f2;}
.inquiry-container .fa-times,.inquiry-container .fa-plus{font-size: 18px;cursor: pointer;}
.gm-row{margin:0;padding:0 !important;}
.inquiry-container .input-name{line-height: 40px;color:#0d0d0d;}
.inquiry-container .input-type input,.inquiry-container .input-type textarea{width: 100%;font-size: 12px;padding:5px; border: 1px solid #dedede;}
.inquiry-container .input-type textarea{height:120px; margin-bottom: 6px;}
.inquiry-container .input-type input{height:40px;margin-bottom: 10px}
.inquiry-container .input-verify input{width:60%;}
.inquiry-container .input-verify{padding-left: 0!important;}
.inquiry-container .input-star{color:#cd0406;}
.inquiry-form{margin:50px 0 40px;}
.inquiry-submit{margin:0 auto;margin-top: 40px;}
.inquiry-add-page{margin-top:30px;}
.inquiry-page {padding:8px 0;text-align:right;}
.inquiry-page li {display: inline;}
.inquiry-page li a{font-family: arial;background: #ffffff;padding: 2px 6px;margin: 0 2px;font-size: 12px;display: inline;border:1px solid #cccccc;}
.inquiry-page li a:hover {background: #f3f3f3;}
.inquiry-page li.active a{background: #f3f3f3;color: #ababab;}
.inquiry-page li.bgnone a{display: none;}
.submit-hide{display: none;}
.inquiry-captcha .captcha_src{
  height:40px;
}
.btn-submit{background: #000; color: #fff; text-align: center; padding: 0 30px; line-height: 35px; border: none;}


footer{background: #333; color: #ccc;}
footer .container{background: none; padding: 50px 0 30px 0;}
#gotoTop{
  display: none;
  z-index: 299;
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: #333;
  background-color: rgba(0,0,0,0.3);
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 2px;
}
#gotoTop:hover{
  background-color: #000;
}
.customer-service{
  z-index: 299;
  position: fixed;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 90px;
}
.customer-service li{
  width: 40px;
  height: 40px;
  background-color: #333;
  background-color: rgba(0,0,0,0.3);
  cursor: pointer;
  border-radius: 2px;
  margin-bottom: 10px;
}
.customer-service li a{
  color: #FFF;
}
.customer-service li:hover{
  background-color: #1ABC9C !important;
}
@media screen and (min-width: 1600px)  {
  .container{/*width: 1560px; max-width: 1560px;*/}
}
@media screen and (min-width: 1440px)  {
    .col-product-wrap .fl-layer{right: 0px; transition: .5s all;}
}
@media screen and (max-width: 1440px)  {
    nav>ul>li{padding-left:40px;}
  .col-marketing .item-right{padding-right: 20%;}
  .col-product-wrap .fl-layer{right: 0; transition: .5s all;}
  .col-web-design .inner-container {padding: 80px 160px 80px 80px; max-width: 556px; position: relative; transition: .5s all;}
  .col-goomay{height:500px;}
  #product li{width: 30.5%; margin:1.4%;}
}
@media screen and (max-width: 1366px)  {
  .col-marketing .item-right{padding-right: 20%;}
  .col-product-wrap .fl-layer{right: 0; transition: .5s all;}
  .col-product-wrap .fl-layer img{width: 90%;}
  .col-web-design .inner-container {padding: 80px 160px 80px 80px; max-width: 556px; position: relative;}
  .col-product-wrap .fl-layer img{width: 80%}
}
@media screen and (max-width: 1200px)  {
  header .container{padding: 0;}
  nav>ul>li{padding-left: 35px;}
  header .tel{margin-left: 2vw; padding: 20px;}
  .col-goomay{height:400px;}
}
@media screen and (max-width: 1100px)  {
  .col-product-wrap .fl-layer img{width: 70%;}
  .col-web-design .inner-container{padding-bottom: 150px; max-width: 90%;}
  .col-web-design a{margin-top: 5vh;}
}


/*手机版菜单*/
@media screen and (max-width: 992px)  {
   header .tel{display: none;}
   nav{display: none;}
   header .logo{padding:8px 0;}
   .col-banner{margin-top:54px;}
   .col-banner .swiper-pagination{bottom:0;}
   .col-banner .slide-content{display:none;}
  #header a.mm_btn {background: center center no-repeat #141414;display: block;width: 55px;height: 55px;position: absolute;top: -1px;right: 0; padding: 12.5px; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
  }
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; /*box-shadow: 0 0 10px rgba(0,0,0,.3);*/}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
  }
  .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
  }
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
  .case-list li{width: 46%;}
  .col-product-2{padding-left: 0;}
  .col-mobile h2{padding-left: 10%;}
  .col-mobile .main-content ul{padding-left: 10%;}
  .col-marketing{height: auto!important; padding-bottom: 5vh;}
  .col-marketing .item-right{padding-right: 5px;}
  .col-marketing .item-left{padding: 0 5px 0 10%;}
  .col-marketing .main-content ul{margin: 6vh 0 0 10%}
  .col-marketing .item-right .main-content .s-content{padding-left: 10%;}
  .col-case-wrap .case-container li{width:48.3%;}
  .col-goomay .main-content{width: 80%;}
  .col-case-wrap .container, .col-news-wrap .container{padding: 45px 30px;}
  .col-service-wrap a .mask-layout .content{margin-top: 15%;}
  .col-web-design .inner-container{padding-right: 80px;}
  .col-detail .visit-site{margin-bottom: 5vh;}
  .inquiry-container{margin-bottom: 5vh;}
  .col-contact h2{margin-bottom: 4vh;}
  .col-page-about{margin-top:80px;}
  #product li{width: 46.8%; margin:1.4%;}
}
@media screen and (max-width: 768px)  {
  .col-banner .slide-content h1{font-size: 3rem;}
  .col-service-wrap ul li{width: 100%;}
  .col-service-wrap ul li:first-child{margin-bottom: 15px;}
  .col-service-wrap a .mask-layout .content{margin-top: 30%;}
  .col-web-design .inner-container{max-width: 100%;}
  .news-list ul li{width: 47%;}
  .col-page-about .col-goomay .inner-container h2{margin-bottom: 2vh; font-size: 3rem;}
  .col-page-about .col-goomay .inner-container .content{font-size: 2rem;}
}
@media screen and (max-width: 640px)  {
  .col-sub-nav menu div a{font-size: 18px;}
  .col-goomay .inner-container{left: 30px; bottom: 50%; transform: translateY(50%);}
  .col-goomay .inner-container h2{font-size: 24px;}
  .col-goomay .main-content{width: 95%; font-size: 14px; margin-top: 10px; line-height: 24px;}
  .col-detail .firstRow td:first-child{min-width: 56px;}
  .col-about .right-content{padding:5vh 6vw 4vh 5vw}
}
@media screen and (max-width: 550px)  {
  header .container{padding: 0;}
  .col-web-design .inner-container{padding-left: 30px; padding-right: 30px;}
  .col-service-wrap a .mask-layout .content{margin-top: 15%;}
  .news-list ul li{width: 100%;}
  .col-sub-nav{margin: 95px 0 20px 0;}
  .col-contact .col{padding: 0 6vw;}
  .col-page-about .col-goomay .inner-container h2{margin-bottom: 2vh; font-size: 2.5rem;}
  .col-page-about .col-goomay .inner-container .content{font-size: 1.8rem;}
}
@media screen and (max-width: 480px)  {
  header .logo{padding: 12px 0 11px 0;}
  header .logo img{width: 80%;}
  .col-web-design .inner-container{padding-bottom: 170px;}
  .col-product-wrap .fl-layer img{width: 85%;}
  .col-about .right-content h2{font-size:3.5rem;}
  #product li{width: 97%; margin:1.4%;}
}
@media screen and (max-width: 400px)  {
  .col-service-wrap a .mask-layout .content{margin-top: 10%; padding-left: 30px;}
  .col-sub-nav menu div{margin: 0 5px;}
  .col-page-about .col-goomay .inner-container h2{margin-bottom: 2vh; font-size: 2rem;}
  .col-page-about .col-goomay .inner-container .content{font-size: 1.6rem;}
}


@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
  }
}